/*
 * @Author: HeAo
 * @Date: 2021-10-19 09:24:17
 * @LastEditTime: 2021-10-19 11:21:12
 * @LastEditors: HeAo
 * @Description:
 * @FilePath: \web2103-2105\web2103code\3-2-Vue\day09\app01\webpack.config.js
 * 别乱动！
 */
// 导入内置模块
const path = require('path')

// 导入第三方模块
const HTMLWebpackPlugin = require('html-webpack-plugin')


module.exports = {
  // 1.配置入口（项目的入口文件）
  entry: './src/index.js',
  // 2.配置出口（项目打包完毕后输出的目录）
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'index-dev.js'
  },
  // 3.loader加载器
  module: {
    rules: [
      // {
      //   test: /\.css$/,
      //   // use: ['style-loader', 'css-loader']
      //   use: [
      //     {
      //       loader: 'file-loader',
      //       options: {
      //         // 设置文件的输出路径（在dist文件夹中）
      //         outputPath: 'style'
      //       }
      //     }
      //   ]
      // },
      {
        test: /\.html$/,
        use: 'html-loader'
      }
    ]
  },
  // 4.配置插件plugin
  plugins: [
    new HTMLWebpackPlugin({
      template: './src/main.html'
    })
  ],
  // 5.设置打包模式mode
  mode: 'development',
  // 6.配置开发打包服务器
  devServer: {
    static: './build',
    compress: true,
    port: 3000,
    open: true
  }
}
